<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">

    <title>todoList</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="wrap m0a">
    <table cellpadding="20" border="1" cellspacing="0" class="m0a">
        <tr>
            <td colspan="3">
                <input type="search" name="todo-list-search" id="todo-list-search"
                       placeholder="请输入待办事项">
            </td>
            <td colspan="2">
                <select name="important-level" id="important-level">
                    <option value="重要且紧急">重要且紧急</option>
                    <option value="重要但不紧急">重要但不紧急</option>
                    <option value="紧急但不重要">紧急但不重要</option>
                    <option value="不重要且不紧急">不重要且不紧急</option>
                </select>
                <input type="hidden" name="create-time">

            </td>
            <td>
                <input type="button" value="提交">
            </td>
        </tr>
        <tr>
            <td colspan="6">
                <h1 class="m0a">待办事项</h1>
                <span class="tips"><em class="red">红色待办</em>/<em class="green">绿色已完成</em></span>
            </td>
        </tr>
        <tr>
            <td><input type="button" value="全选"></td>
            <td>序号</td>
            <td>重要程度</td>
            <td>内容</td>
            <td>创建时间</td>
            <td>操作</td>
        </tr>
        <tr class="red">
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>重要且紧急</td>
            <td>回家吃饭回</td>
            <td>2022-10-22</td>
            <td><input type="button" value="删除"></td>
        </tr>
        <tr class="limit">
            <td colspan="6">
                <hr>
            </td>
        </tr>
        <!--        js阶段会将已完成的亮度调暗-->
        <tr class="green">
            <td><input type="checkbox" name="check" id="check"></td>
            <td>1</td>
            <td>重要且紧急</td>
            <td>回家吃饭</td>
            <td>2022-10-22</td>
            <td><input type="button" value="删除"></td>
        </tr>
    </table>
    <table cellpadding="20" border="1" cellspacing="0" class="m0a">

    </table>
    <div class="m0a border-box"
         style="border-bottom: 10px solid yellow;border-left:10px solid yellow;border-top:10px solid transparent;border-right:10px solid transparent;width: 0px;height: 0px;">

    </div>

</div>
<script src="jquery.js"></script>
<script src="index.js"></script>
</body>
</html>